<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<%@ include file="/app_css/app_layout.jsp"%>
<link href="http://static.aceona.com/api_demo/css/api_common.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="api_com_position">
				        <span class="api_position_main">前端开发规范</span>|<span class="red_a">公用loading提示类</span>
 </div>
				 <div class="api_content">
				           <ol class="api_ol_a">
				            <li>
							     <div class="api_example_a"> 
							         <div class="title_list_a">弹出层提交加载loading</div>
									 <div class="title_effect">
									     <h6>效果展示:</h6>
											  <div class="title_content">
											         <!--code bec-->
														<div class="app_ajax_a">
														          正在为您登录......
														</div>
													 <!--code end-->
											  </div>
									 </div>
                                     <div class="title_include">
									          <h6>所需文件包含:</h6>
											  <div class="title_content">
											        <div class="api_pre_a">
													  css文件:<br/>
													&lt;link href=&quot;http://static.aceona.com/app_css/app_layout.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
													  <p>Js文件:<br/>
													     &lt;script src=&quot;http://static.aceona.com/app_js/app_common.js&quot; language=&quot;javascript&quot;&gt;&lt;/script&gt;
													  </p>

													</div>
											  </div>
									 </div>
									 <div class="title_code">
									       <h6>源码结构:</h6>
											  <div class="title_content">
											            <pre>&lt;div class=&quot;app_ajax_a&quot;&gt;&lt;/div&gt;</pre>
											  </div>
									 </div>
                                      <div class="title_code">
									       <h6>脚本调用:</h6>
											  <div class="title_content">
											            <pre id="test_loading_a"><a href="" title="" id="test_link_a">点击测试</a>|<a href="" title="" id="test_link_b">让它消失</a></pre>
														 <pre id="test_loading_center"><a href="#" title="" id="test_loading_acenter">居中测试</a></pre>
											  </div>
									 </div>
									 <div class="title_use">
									       <h6>脚本使用:</h6>
											  <div class="title_content">
											            <div class="api_pre_a">
                                                         调用方法:<br/>
														var new_ajax_loading=new Ajax_loading_a('#自已所在的ID','自己要说的话');
														 <p>使用方法：new_ajax_loading.create();<br/>
														        消除：new_ajax_loading.remove();
														 </p>
														</div>
											  </div>
									 </div>
								 </div>	
							</li>
				           </ol>
				 </div>
    <script type="text/ecmascript" src="http://static.aceona.com/app_js/jquery.js"></script>
   <script type="text/javascript" src="http://static.aceona.com/api_demo/api_js/api_test.js"></script>
   <script type="text/javascript" src="http://static.aceona.com/api_demo/api_js/api_voke.js"></script>
</body>
</html>
